// import { Form, InputNumber, message, Modal } from 'antd';
// import React from 'react';
// import type { ParkingOrderTableListItem } from '../data.d';
// import { advanceParkingAmount } from '@/pages/ParkingOrder/service';
// import { SUCCESS_CODE } from '@/utils/request';

// interface AdvancePaymentProps {
//   record?: ParkingOrderTableListItem;
//   onSubmit: (values: AdvancePaymentProps) => void;
//   onCancel: (flag?: boolean) => void;
//   modalVisible: boolean;
//   visibleHandler: (flag?: boolean) => void;
// }

// const formItemLayout = {
//   labelCol: {
//     xs: { span: 4 },
//     sm: { span: 4 },
//   },
//   wrapperCol: {
//     xs: { span: 20 },
//     sm: { span: 20 },
//   },
// };

// const AdvancePayment: React.FC<AdvancePaymentProps> = props => {
//   const [ form ] = Form.useForm();

//   const { record, onCancel, modalVisible } = props;

//   const onModalOk = async () => {
//     const field = (await form.validateFields()) as { amount: string };
//     if (!record || !record.id) {
//       message.error("record.id is not valid");
//       return;
//     }
//     const res = await advanceParkingAmount({ parkingId: record.id, amount: field.amount });
//     if (res && res.code === SUCCESS_CODE) {
//       message.success('缴费成功');
//     } else {
//       message.error(res.message || '操作失败');
//     }
//     if (props.onCancel) {
//       props.onCancel(false);
//     }
//   };

//   return (
//     <Modal
//       title="缴费"
//       visible={ modalVisible }
//       destroyOnClose
//       onOk={ () => onModalOk() }
//       onCancel={ () => onCancel(false) }
//       afterClose={ () => onCancel(false) }
//       okText="确定"
//       cancelText="取消"
//     >
//       <Form { ...formItemLayout } form={ form }>
//         <Form.Item name="amount" label="金额" rules={ [ { required: true, message: '必填' } ] }>
//           <InputNumber/>
//         </Form.Item>
//       </Form>
//     </Modal>
//   );
// };

// export default AdvancePayment;
